<template>
	<view class="y-page-common page">
		<view class="img-box">
			<view class="image-content" @click="jumpTo">
				<image style="width: 100%; height: 100%; background-color: #eeeeee;" mode="scaleToFill"
					src="../../../static/imgs_personal/limit2.jpg"></image>
			</view>
			<!-- 其他银行卡 -->
			<view class="image-content" @click="otherCard">
				<image style="width: 100%; height: 100%; background-color: #eeeeee;" mode="scaleToFill"
					src="../../../static/imgs_personal/limit1.jpg"></image>
			</view>
		</view>
		<view class="tips y-color-info ">
			<text>温馨提示</text>
			<view class="">1.若您持有交行借记卡/信用卡，可点击“我有交行卡”，发起身份认证。</view>
			<view class="">2.若取法提供上述银行卡，可点击“我有其他银行卡”，发起身份认证。</view>
		</view>
	</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {
			jumpTo() {
				uni.navigateTo({
					url: '/pages/personal/IDAuth/IDAuth1'
				})
			},
			otherCard() {
				uni.showToast({
					icon: "none",
					title: '暂未开通',
					duration: 3000,
					position: 'top'
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.page {
		width: 100%;
		height: 100%;
		padding: 30rpx;

		.img-box {
			width: 100%;

			.image-content {
				width: 100%;
				height: 200rpx;
				margin: 20rpx auto;

			}
		}

	}
</style>